import { useState } from "react";
const h1Style = {
  color: "blue",
  backgroundColor: "yellow",
};
// export default function Title(props) {
//   console.log(props);
//   return (
//     <>
//       <h1 style={h1Style}>这是一个{props.name}组件</h1>
//     </>
//   );
// }

// 两者等价，通过解构赋值进行参数解构
// const Title = (props) => {
//   const { name } = props;

const Title = ({ name }) => {
  return (
    <>
      <h1 style={h1Style}>这是一个{name}组件</h1>
    </>
  );
};
export default Title;
